.explain-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
  padding: 0vw;
	z-index: 1000;

	.content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 50;

		.txt {
			display: block;
			width: 42.9166vw;
			margin-bottom: 1.5625vw;
		}

		.btn {
			display: block;
			width: 20.8333vw;
			margin: 0 auto;
		}
	}

	.bg {
		display: block;
		width: 100%;
		height: 100%;
		z-index: 10;
	}
}

.startup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

	video {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
}

.directory-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	.list {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1000;

		.item {
			position: absolute;
			width: 14.5833vw;
			height: 10.4166vw;
			// background: rgba($color: #000000, $alpha: .5);

			&.item1 {
				left: 20.8333vw;
				bottom: 13.0208vw;
			}

			&.item2 {
				left: 43.75vw;
				top: 14.5833vw;
			}

			&.item3 {
				right: 30.7291vw;
				bottom: 13.0208vw;
			}

			&.item4 {
				top: 14.5833vw;
				right: 10.9375vw;
			}
		}
	}

	.bg {
		width: 100%;
		height: 100%;
		background: url("//qiniu.charmofjiangsu.com//directory2.mp4?vframe/jpg/offset/1") no-repeat;
		background-size: 100% 100%;

		video {
			width: 100%;
			height: 100%;
			object-fit: fill;
		}
	}
}

.start-toast {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) translateZ(10px);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 1.5625vw;
	z-index: 500;

	.content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		.txt {
			display: block;
			width: 30.1041vw;
			margin-bottom: 1.3541vw;
		}

		.btn {
			display: block;
			width: 20.8333vw;
			margin: 0 auto;
		}
	}

	.bg {
		display: block;
		width: 100%;
		height: 100%;
	}
}
